<%inherit file="base.html"/>
<%def name="head()">
<script>
    $(function () {
        $('[data-toggle="popover"]').popover()
    })
</script>
</%def>


<%def name="body()">

<section class="content">
    <div class="box">
    <div class="panel-heading"><i class="fa fa-cog"></i>  配置管理</div>
    <div class="panel-body">
        % if msg:
        <div class="alert alert-warning">${msg}</div>
        % endif
<div role="tabpanel">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="${active=='default' and 'active' or '' }">
            <a href="#default" aria-controls="default" role="tab" data-toggle="tab">系统设置</a>
        </li>
        <li role="presentation" class="${active=='database' and 'active' or '' }">
            <a href="#database" aria-controls="database" role="tab" data-toggle="tab">数据库设置</a>
        </li>
        <li role="presentation" class="${active=='radiusd' and 'active' or '' }">
            <a href="#radiusd" aria-controls="radiusd" role="tab" data-toggle="tab">radius系统设置</a>
        </li>
        <li role="presentation" class="${active=='admin' and 'active' or '' }">
            <a href="#admin" aria-controls="admin" role="tab" data-toggle="tab">营业管理设置</a>
        </li>
        <li role="presentation" class="${active=='customer' and 'active' or '' }">
            <a href="#customer" aria-controls="customer" role="tab" data-toggle="tab">自助服务设置</a>
        </li>
        <li role="presentation" class="${active=='control' and 'active' or '' }">
            <a href="#control" aria-controls="control" role="tab" data-toggle="tab">控制管理设置</a>
        </li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane ${active=='default' and 'active' or '' }" id="default">
            <form class="form-horizontal form-well" role="form" action="${default_form.action}" method="post">
                ${default_form.render_css()}
            </form>
        </div>
        <div role="tabpanel" class="tab-pane ${active=='database' and 'active' or '' }" id="database">
            <form class="form-horizontal form-well" role="form" action="${database_form.action}" method="post">
                ${database_form.render_css()}
            </form>
        </div>
        <div role="tabpanel" class="tab-pane ${active=='radiusd' and 'active' or '' }" id="radiusd">
            <form class="form-horizontal form-well" role="form" action="${radiusd_form.action}" method="post">
                ${radiusd_form.render_css()}
            </form>
        </div>
        <div role="tabpanel" class="tab-pane ${active=='admin' and 'active' or '' }" id="admin">
            <form class="form-horizontal form-well" role="form" action="${admin_form.action}" method="post">
                ${admin_form.render_css()}
            </form>
        </div>
        <div role="tabpanel" class="tab-pane ${active=='customer' and 'active' or '' }" id="customer">
            <form class="form-horizontal form-well" role="form" action="${customer_form.action}" method="post">
                ${customer_form.render_css()}
            </form>
        </div>
        <div role="tabpanel" class="tab-pane ${active=='control' and 'active' or '' }" id="control">
            <form class="form-horizontal form-well" role="form" action="${control_form.action}" method="post">
                ${control_form.render_css()}
            </form>
        </div>
    </div>
</div>
</div>
</div>
</section>
</%def>

